<template>
  <div>
    <pre>
对于任何复杂逻辑，你都应当使用**计算属性**

计算属性可以对数据进行相应的处理，并返回处理结果

计算属性的功能类似于函数</pre
    >
    <h3>计算属性值的基本使用</h3>
    <p>{{ msg }}</p>
    <p>{{ msg.split("").reverse().join("") }}</p>
    <p>-------------------------</p>
    <p>{{ reverseMsg }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return { msg: "sex" };
  },
  computed: {
    //计算属性值可以实现一段业务逻辑,且返回处理结果
    reverseMsg() {
      return this.msg.split("").reverse().join("");
    },
  },
};
</script>

<style>
</style>